<!-- 
    label
        - 翻译：标记、标注，能和任意标签配合使用
        - 不属于表单元素，但经常和表单元素配合使用
    作用：点击选择指定（标记）范围内的内容后，能够自动聚焦或选中，提高用户体验
    
    不嵌套：label-for、input-id必须一一对应。（显式的，必须手动指定对应关系）
    嵌套时：label-for、input-id对不对应都无所谓。（隐式的，暗含对应关系）
-->

<form action="#" method="POST">
    <!-- 不嵌套 -->
    <label for="username">用户名：</label>
    <input id="username" type="text" name="username"> <br>

    <!-- 不嵌套 -->
    <label for="girl">女</label>
    <input id="girl" type="radio" name="gender" value="female" checked>

    <!-- 嵌套 -->
    <label>
        男<input type="radio" name="gender" value="male">
    </label>
</form>